<template>
  <div>
    <li class="cjy-page-body-commodity-li">
      <div>
        <div class="cjy-page-bod-commodity-box" @click="goMore">
          <img v-lazy="comInfor.mainPic"/>
        </div>
      </div>
    </li>
  </div>
</template>

<script>
  import UpdateCart from '@/components/UpdateCart'
  import lazyLoad from 'vue-lazyload'
  import ButtonCangeCart from '@/components/ButtonChangeCart/icon'
  import  minxinAuto from '../mixinAuto.vue'
  export default {
    mixins: [minxinAuto],
    components: {UpdateCart, ButtonCangeCart},
    methods: {
      goMore () {
        c.pushState({path: 'detail'}, '', '#/main/home')
        window.history.go(1)
        console.log(window.history)
      }

    }
  }
</script>

<style scoped>
  .cjy-page-bod-commodity-box {
    width: 100%;
    height: 100%;
    background: white;
    position: relative;
    border-radius: 0.3rem;
    overflow: hidden;
  }

  .cjy-page-body-commodity-li {
    position: relative;
    float: left;
    width: 33.3%;
    height: 0;
    padding-bottom: 50%;
    margin-bottom: 0.5rem;
    background: transparent;
  }

  .cjy-page-body-commodity-li > div {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0 0.1rem;
  }

  .cjy-page-bod-commodity-box-image {
    width: 100%;
    height: 100%;
  }
</style>
